<template>
  <div class="demo">
      <h2>学生姓名:{{name}}</h2>
      <h2 class="atguigu">学生性别:{{sex}}</h2>
  </div>
</template>

<script>
//引入一个混合
export default {
    name:'Student',
    data(){
        return{
            name:'张三',
            sex:'男'
        }
    },
}
</script>

<style lang="less" scoped>
    .demo{
        background-color: pink;
        .atguigu{
            font-size: 40px;
        }
    }
</style>